import Vue from 'vue'
import Router from 'vue-router'
import SecondPage from '@/components/SecondPage'
import HelloWorld from '@/components/HelloWorld'
import ThreePage from '@/components/ThreePage'
import MainPage from '@/components/Main'

// import Index from '@/pages/Index'

Vue.use(Router)

export default new Router({
  routes: [
    { path: '*', redirect: '/HelloWorld' },
    {
      path: '/SecondPage',
      name: 'Second',
      component: SecondPage
    },
    {
      path: '/HelloWorld',
      name: 'HelloWorld',
      component: HelloWorld
      // children: [
      //   {
      //     path: 'MainPage',
      //     name: 'MainPage',
      //     component: MainPage
      //   }
      // ]
    },
    {
      path: '/ThreePage',
      name: 'ThreePage',
      component: ThreePage
    },
    {
      path: '/MainPage',
      name: 'MainPage',
      component: MainPage
    }
  ]
})
